div.login{
	position: relative;
	height: 100%;
	width: 100%;
	background: #ddd;
	&>div.login-container{
		height: 300px;
		width: 450px;
		position: absolute;
		border-radius: 5px;
		background: #fff;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		&>div.avatar-img{
			position: absolute;
			left: 50%;
			transform: translate(-50%,-50%);
			background: #fff;
			height: 145px;
			width: 145px;
			border-radius: 50%;
			border: 1px solid #ccc;
			box-shadow: 0 0 5px #fff;
			img{
				border-radius: 50%;
				height: 130px;
				width: 130px;
				border-radius: 1px solid #fff;
				background: #eee;
				margin: 8px;
			}
		}	
		.el-form{
			position: absolute;
			width: 400px;
			bottom: 0;
			.el-form-item.btn{
				display: flex;
				justify-content: flex-end;
				.el-button{
					margin-left: 40px;
				}
			}
		}
	}
}